<div class="col-xs-3 col-md-2">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs tabs-left"><!-- 'tabs-right' for right tabs -->
        <li class="active"><a href="#legend" data-toggle="tab">Legend</a></li>
        <li><a href="#ext" data-toggle="tab">Ext</a></li>
    </ul>
</div>
<div class="col-xs-9 col-md-10">
    <!-- Tab panes -->
    <div class="tab-content">
        <div class="tab-pane active" id="legend">
            <ng-include src="'org/cboard/view/config/chart/options/common/legend.html'"></ng-include>
        </div>
        <div class="tab-pane" id="ext">
            <div class="row">
                <div class="form-group">
                    <label class="col-md-4 control-label">Value Orient</label>
                    <div class="col-md-8">
                        <select class="form-control" ng-model="curWidget.config.valueAxis"
                                ng-init="curWidget.config.valueAxis ? null : curWidget.config.valueAxis='vertical'">
                            <option value="horizontal">horizontal</option>
                            <option value="vertical">vertical</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>